/* 全局样式 */
body{
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #fdd1e7;
}

header{
    background-color: rgb(24, 161, 196);
    color: white;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.member div{
    border: rgb(158, 65, 127) solid;
    width: 500px;
    padding: 15vmin 10vmin;
    background-color: rgb(248, 252, 250);
    border-radius: 5vmin;
    position: relative;
    float: r
    ;
}
.member img{
  width: 200px;
  height: auto;
}
.logo{
    height: 50px;
}

nav a{
    color: white;
    text-decoration: none;
    margin-right: 20px;
}

main {
    padding: 20px;
}

footer {
    background-color: rgb(24, 161, 196);
    color: white;
    text-align: center;
    padding: 10px;
}

/* 轮播图样式（简单示例） */
.slider {
    position: relative;
    width: 500px; /* 可调整宽度 */
    margin: left;
    height: 300px;
    overflow: hidden;
  }
  
  .slides {
    display: flex;
    width: calc(100% * 2); /* 根据幻灯片数量调整 */
  }
  
  .slide {
    width: 100%;
    flex-shrink: 0;
  }
  
  .slide img {
    width: 100%;
    display: block;
  }
  
  /* 幻灯片动画 */
  @keyframes slideAnimation {
    0% { transform: translateX(0); }
    33% { transform: translateX(-100%); }
    66% { transform: translateX(-200%); }
    100% { transform: translateX(0); }
  }
  
  .slide {
    animation: slideAnimation 4s infinite;
  }